::deep .m-input__control {
    flex-grow: 1;
}

::deep .m-input__slot {
    flex-grow: 1;
}

::deep .m-text-field__details {
    flex-grow: 0;
}

.write-input-wrap {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}

::deep .write-markdown-wrap {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-height: 0;
}

::deep .write-markdown {
    flex-grow: 1;
    min-height: 0;
}

@media (hover: none) {
    .write-chip-group {
        overflow-x: auto;
        white-space: nowrap;
    }
}

.write-chip-group ::deep .m-chip {
    margin: 4px 8px 4px 0;
}
